@layout("/common/_container.html",{js:["/assets/modular/system/attendAuditBtyArea/attendAuditBtyAreaSynchronous.js"]}){
<style>
    .my-title {
        text-align: center !important;
    }

    .my-button {
        margin: 20px auto;
        width: 80px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        color: #fff;
        background-color: #40C1D1;
        border-radius: 5px;
        cursor: pointer;
    }
    .inputbox{
        margin: 0 30px;
        height: 50px;
        display: flex;
        align-items: center;
    }
    .inputbox-span{
        margin-right: 10px;
    }
    .input{
        flex: 1;
        padding: 5px 10px;
    }
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title my-title">考勤信息同步确认</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
                            <div class="my-title">
                                <div>每月同步数据,仅允许在做完考勤之后同步一次</div>
                                <input type="hidden" id="synchronousMonth" value="" />
                                <div>当前需要同步的月份为:<span id="synchronousMonthSpan"></span> </div>
                                <div class="inputbox">
                                    <span class="inputbox-span">未完成考勤门店:</span>
                                    <input id="notSynchronousshopNum" class="input" type="text"
                                        placeholder="请输入未完成考勤门店" autocomplete="off" />
                                </div>

                                <div class="my-button" id="synchronousAttendEmployeeMonth">
                                    同步
                                    <!-- <button id="synchronousAttendEmployeeMonth" type="button"
                                        class="layui-btn layui-btn-normal layui-btn-lg">同步</button> -->
                                </div>

                            </div> 
                        </div>
                    </div>
                    <!-- <div class="my-title">
                        <div class="layui-form-label">未完成考勤门店</div>
                        <div class="layui-inline" style="display: inline-block">
                            <input id="notSynchronousshopNum" class="layui-input" type="text" placeholder="请输入未完成考勤门店"
                                autocomplete="off" />
                        </div>
                    </div>
                    <div class="my-button">
                        <button id="synchronousAttendEmployeeMonth" type="button" class="layui-btn layui-btn-normal">同步</button>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="tableBar">
    <!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>-->
<!--<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>-->
{{# if(buttonValid){ }}
<!--<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="editDz">强制更换店长</a>-->
{{# if(d.auditStatus == "2" && d.attendMonth == attendMonthValid){ }}
<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="auditStatusToSubmitAudit">驳回到督导审核</a>
{{# } }}
{{# } }}
</script>
<script type="text/html" id="auditStatusTmp">
    {{#  if(d.auditStatus == "3"){ }}
    审核驳回
    {{#  }else if(d.auditStatus == "2"){ }}
    审核通过
    {{#  }else if(d.auditStatus == "1"){ }}
    待审核
    {{#  }else if(d.auditStatus == "0"){ }}
    未提交
    {{#  }else{ }}
    未创建
    {{#  } }}
</script>
@}